/*
KISSY CSS Reset
理念：清除和重置是紧密不可分的
特色：1.适应中文 2.基于最新主流浏览器
*/

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    /* font: 14px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; 用 ascii 字符表示，使得在任何编码下都无问题 */
    font-size:14px;
    color: #333333;
    /* font-family:PingFangSC-Semibold,PingFang SC!important; */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 14px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none!important; }
a:hover { text-decoration: underline; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted;
    cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 重置 hr */
hr {
    border: none;
    height: 1px;
}

.clearfix:after,.clearfix:before{
    content: "";
    display: table;
}
.clearfix:after{
    clear: both;
}
.clearfix{
    *zoom: 1;
}


.back-bg{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-image: url(../images/bg.png);
    background-size: cover;
} 


/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
.ele-btn{
    width: 97px;
    height: 38px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ele-btn img{
    height: 23px;
}
.ele-btn-fontread{
    color:#AE454A;
}
.ele-btn-backread{
    color:#ffffff;
    background-color: #AE454A;
    border: 1px solid #AE454A;
}
.ele-btn-wit-68{
    width: 68px;
}
.ele-btn-wit-70{
    width: 70px;
}
.ele-btn-login{
	width: 360px;
	height: 40px;
	background: #AE454A; 
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF; 
	margin: 0 auto;
    border: 1px solid #AE454A;
}


.margin-top-30{
	margin-top: 30px!important;
}
.margin-bottom-50{
	margin-bottom: 50px!important;
}
.margin-bottom-60{
	margin-bottom: 60px!important;
}

/* 公用 */

 
.header-view{
	width: 100%;
	border-bottom: 2px solid #E5E5E5;
}
.header-item{
	width: 1200px;
	height: 100px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header-view .logo{
	height: 51px;
}
.header-view .right-item{
	display: flex;
    align-items: center;
}
.header-view .right-item .ele-btn{
	margin-right: 30px;
} 
.header-view .right-item span{
	display: block;
	width: 1px;
	height: 22px;
	background: #000000;
	opacity: 0.2;
	margin-right: 30px;
}

.main-view{ 
    display: flex;
    justify-content: center;
}




.footer-view{ 
	width: 100%;
	height: 110px; 
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #343434; 
	text-align: center;
	position: relative;
    margin-top: 20px;
}
.footer-view p{
	padding:  0 0 15px 0;
}
.footer-view p b{ 
	font-size: 13px;
	display: block;
	padding-top: 19px;
	text-align: center;
}
.footer-view p:last-child{
	padding-bottom: 20px;
}
.footer-view p span{
	cursor: pointer;
	
}
.great-wall{
	width: 100%;
	position: absolute;
	bottom: 110px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0;
}
.great-wall img{
	width: 100%;
	height: auto;
}
.great-wall .bom-hr{
	height: 2px;
	width: 100%;
	background-image: url(../images/index/bottom.png);
}




.login-title{
	display: flex;
	justify-content: center;
}
.login-title img{
	height: 27px;
}
.input-view{
	display: flex;
	align-items: center;
	width: 360px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #B8B8B8;
	margin: 0 auto;
}
.input-view .input-icon{
	width: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.input-view .input-icon img{
	height: 20px;
	width: auto;
}
.input-view .input-main{
	height: 100%;
	width: 86%;
}
.input-view .input-main input{
	height: 100%;
	font-size: 12px;
	outline: none;
	border: none;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #999999;
	width: 100%;
}



.input-view-two{
	display: flex;
	align-items: center;
	/* width: 360px; */
	height: 40px;
	margin: 0 auto;
}
.input-view-two .input-icon{
	display: flex;
	justify-content: center;
	align-items: center; 
	font-size: 18px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333; 
}
.input-view-two .input-icon img{
	height: 20px;
	width: auto;
}
.input-view-two .input-main{
	width: 451px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #B8B8B8;
}
.input-view-two .input-main input{
	height: 100%; 
	width: 100%;
	display: block;
	outline: none;
	border: none;
	text-indent: 1em; 
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #AE454A;
}
.login-true{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 151px;
	height: 38px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	color: #333333;
	padding: 0 15px;
	box-sizing: border-box;
	z-index: 30;
}
.login-true img:nth-child(1){
	width: 16px;
	height: 18px;
}
.login-true img:nth-child(3){
	width: 11px;
	height: 5px;
}
.login-true:hover .login-out{
	display: block;
}
.login-true .login-out{
	position: absolute;
	top: 38px;
	left: -1px;
	width: 100%;
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	border-top: none;
	display: none;
}
.login-true .login-out p{
	width: 100%;
	height: 38px;
	background-color: #ffffff;
	text-align: center;
	line-height: 38px;
	cursor: pointer;
}
.login-true .login-out p:hover{
	background-color: #AE454A;
	color: #ffffff;
}


.loading-warp{
	width: 100%;
	/* height: calc( 100% - 100px ); */
	height:  100% ;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
	/* display: flex;
	justify-content: center;
	align-items: center; */
	background-color: rgba(255,255,255,0.7);
	transition: 0.3s; 
	display: none;
}
.loading{ 
	width: 80px;
	height: 40px;
	margin: 0 auto;
	margin-top:20%;
} 
.loading span{
	display: inline-block;
	width: 8px;
	height: 100%;
	border-radius: 4px;
	background: #AE454A;
	-webkit-animation: load 1s ease infinite;
}
@-webkit-keyframes load{
	0%,100%{
		height: 40px;
		background: #AE454A;
	}
	50%{
		height: 70px;
		margin: -15px 0;
		background: #d89093;
	}
}
.loading span:nth-child(2){
	-webkit-animation-delay:0.2s;
}
.loading span:nth-child(3){
	-webkit-animation-delay:0.4s;
}
.loading span:nth-child(4){
	-webkit-animation-delay:0.6s;
}
.loading span:nth-child(5){
	-webkit-animation-delay:0.8s;
}

.startprint-main{
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}